<template>
    <div>
        <button @click="sendAjax">发送请求</button>
    </div>
</template>

<script>
// import axios from 'axios'
import qs from 'qs' 

export default {
    data(){
        return {
            users:[]
        }
    },
    methods: {
        async sendAjax(){
            // axios.get('http://tangxiaoyang.vip:8881/ums/user/findById?id=8342')
            // axios.get('http://tangxiaoyang.vip:8881/ums/user/findById',{
            //     params:{
            //         id:8342
            //     }
            // })
            //     .then(function(res){
            //         console.log(res.data)
            //     })

            // axios.delete('http://tangxiaoyang.vip:8881/ums/user/removeById',{
            //     params:{
            //         id:8342
            //     }
            // })
            //     .then(function(res){
            //         console.log(res.data)
            //     })

            // axios.post('http://tangxiaoyang.vip:8881/ums/user/add?name=aa&phone=11&address=11&status=1')
            //     .then(function(res){
            //         console.log(res.data)
            //     })
        
            // this.$http.post('/user/add',qs.stringify({
            //     name:'dd',
            //     phone:'44',
            //     address:'44',
            //     status:1
            // }))
            //     .then(function(res){
            //         console.log(res.data)
            //     })

            /**
             * async和await
             * 1. async和await是es7的新语法，是基于promise实现的语法糖
             * 2. 通过同步方式的写法，实现异步操作，让代码更易读
             * 
             * async用于修饰函数，表示函数是一个异步函数，返回值是一个promise对象
             * 当执行async修饰的函数时，一旦遇到await函数就会先返回一个promise对象，等到异步操作完成，再接着执行函数体内后面的语句
             * 
             * await只能在async函数内使用
             * await修饰的函数必须是一个返回promise对象的函数，执行此函数时会直接返回执行结果
             */
            // var {data:res} = await this.$http.get('/user/findAll')
            // console.log(res)
            // if(res.status === 1){
            //     this.users = res.data
            // }
                
            const res = await this.$http.get('/ems/emp/list?page=1&limit=5')
            console.log(res)
            
        }
    },
}
</script>

<style lang="less" scoped>
    
</style>